﻿@model IEnumerable<shop.NgheNghiep>
@using shop.until;
@{
    Layout = null;
}

<div class="products-home">
    <ul class="products-grid row">
        @foreach (var item in Model)
        {
            <li class="item first span3">
                <div class="products-box">
                    <div style="background: #6291b2;">
                        <h2 style="color:#fff; text-align:center;">@Html.RouteLink(item.NgheNghiep1, "danhmuc", new { type = "NN", tendanhmuc = XoaTiengViet.RemoveSign4VietnameseString(item.NgheNghiep1), ID = item.MaNN })
</h2>
                    </div>                        
                    @*<a href="sanpham/danhmuc?type=NN&ID=@item.MaNN.html">
                        <img style="width:250px;height:250px;" alt="@item.NgheNghiep1" src="/images/nghenghiep/@item.HinhAnh">

                    </a>*@ 
                    @Html.RouteLink(item.NgheNghiep1, "danhmuc", new { type = "NN", tendanhmuc = XoaTiengViet.RemoveSign4VietnameseString(item.NgheNghiep1), ID = item.MaNN }, new { @id=item.MaNN})
                     <script>
                         $('#@item.MaNN').html("<img style='width:250px;height:250px;' alt='@item.NgheNghiep1' src='/images/nghenghiep/@item.HinhAnh'>");
                     </script>
                     <style>
                      .products-box a 
                      {
                          color:#fff;
                          text-decoration:none;
                          text-align:center;
                      }
                       .products-box a:hover {
                          color: #fff;
                      }
                  </style>      
                   
                </div>
            </li>
        }

    </ul>
</div>
